<template>
    <div class="store-detail-comment">
        <ul class="tab">
            <li>门店评论 <a class="fr" href="">21331条 <i class="icon">></i></a></li>            
        </ul>
        <div class="comment">
            <dl>
                <dt class="dt">wangjingliang@chexiang.com<span class="fr">●●●</span></dt>
                <dd>
                    <span class="star"><img class="storepic" src="../../assets/images/star.png" alt="" /> <span>4.0</span></span>
                    
                    <p>帕萨特上榜的话，另一个兄弟迈腾也是少不了，两者除了是双保险的，还是竞争对手。</p>
                </dd>
                <dd class="time">1分钟前</dd>
            </dl>
            <dl>
                <dt class="dt">wangjingliang@chexiang.com <span class="fr">●●●</span></dt>
                <dd>
                    <span class="star"><img class="storepic" src="../../assets/images/star.png" alt="" /> <span>4.0</span></span>
                    
                    <p>帕萨特上榜的话，另一个兄弟迈腾也是少不了，两者除了是双保险的，还是竞争对手。</p>
                </dd>
                <dd class="time">1分钟前</dd>
            </dl>
        </div>

    </div> 
</template>

<style lang="scss" scoped>      
        @import "../../assets/css/_functions.scss";
        @import "../../assets/css/_variables.scss";
        .store-detail-comment{
            background: $_fff;
            ul.tab{
                border-bottom:1px solid $_dedede;
                flex-flow: row wrap;
            }
            li{
                font-size: rem(14);
                padding:rem(12) rem(15);
                a{
                    color: #b5b5b5;
                    font-size: rem(12);
                }
            }
            .comment{
                dl{
                    border-bottom:1px solid $_eee;
                    padding:rem(8) rem(15);
                    font-size: rem(14);
                    line-height: 1.3;
                    color: $_3d4045;
                }
                .dt{
                    line-height: rem(26);
                    span{
                        color:#71757e;
                        font-size: rem(8);
                    }
                }
                dd{
                    img{
                        width: rem(90);
                    }
                    p{
                        padding:rem(12) 0 0;
                    }
                    .star{
                        span{
                            display: inline-block;
                            line-height: rem(13);
                            vertical-align: bottom;
                        }
                    }
                }
                .time{
                    line-height:rem(26);
                    color: $_999;
                }
            }

        }
</style>